@charset "utf-8";
@import "reset";
@import "iconfont";
$font-size: 64px;
html {
    font-size: $font-size;
}
@function r($px) {
    @return $px/$font-size*1rem;
}
.web{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    .loginses{
        background-color: #222222;
        padding-left: r(12px);
        padding-top: r(20px);
        width: 100%;
        height: 100%;
        .loginses_top{
             position: relative;
             border-bottom: 1px solid #C5C5C5;
             padding-bottom: r(15px);
            a{
                i{
                color: #b60005;
                font-size: r(53px);
                vertical-align: middle;
            }
            }
            input{
                width: r(536px);
                height: r(53px);
                vertical-align: middle;
                background-color:#1f1f1f;
                padding-left:r(40px) ;
                border: 1px solid #fff;
                border-radius: 12px;
            }
            >i{
                font-size: r(27px);
                color: #fff;
                position: absolute;
                top:r(28px);
                left:r(80px);
            }
        }
        .tu{
            text-align: center;
            margin-top: r(35px);
            img{
                width: r(130px);
                height: r(130px);
                border-radius: 50%;
            }
        }
        .loginses_middle{
            text-align: center;
            color: #fff;
            a{
                font-size: r(30px);
                color: #fff;
            }
            p:nth-of-type(1){
                display: inline-block;
                width: r(145px);
                height: r(40px);
                font-size: r(14px);
                text-align: center;
                line-height: r(40px);
                border: 1px solid #fff;
                vertical-align: middle;
                i{
                    vertical-align: middle;
                }
            }
            li{
                display: inline-block;
                font-size: r(23px);
                span:nth-of-type(2){
                    color: #a30409;
                }
            }
            p:nth-of-type(2),p:nth-of-type(3){
                display: inline-block;
                width: r(220px);
                height: r(55px);
                background: #b60005;
                text-align: center;
                line-height:r(55px) ;
                font-size:r(23px);
                border-radius: 10px;
            }
        }
        .loginses_buttom{
            margin-top: r(50px);
            li{
                font-size: r(24px);
                color: #656565;
                height: r(90px);
                width:r(582px);
                line-height: r(90px);
                border-bottom: 1px solid #313131;
                overflow: hidden;
                transition: all .2s;
                position: relative;
                i{
                    float: right;
                }
                .second{
                    text-align: center;
                    transform: translateY(0%);
                    transition:all .2s;
                    p{
                        font-size: r(22px);
                        color: #fff;
//                      width: r(435px);
                        height: r(90px);
                        text-align: center;
                        border-bottom: 1px solid #2d2d2d;
                    }
                    p:nth-of-type(2){
                        border: none;
                    }
                }
               &:hover{
                   height: r(270px);
       
               }
            }
            li:nth-of-type(4){
                border-bottom: none;
            }
        }
        .over{
            text-align: center;
            p{
                display: inline-block;
                width: r(180px);
                height: r(54px);
                text-align: center;
                line-height: r(54px);
                background:#b60005 ;
                color: #fff;
                font-size: r(23px);
                border-radius: 10px;
            }
        }
    }
}
